{% extends 'front/front_signbase.html' %}
{% from 'common/_macros.html' import static %}
{% block title -%}
    注册页面
{%- endblock %}

{% block head -%}
    {{ super() }}
    <script src="{{ static('front/js/front_signup.js') }}"></script>
    <script src="{{ static('common/get_email_captcha.js') }}"></script>
{%- endblock %}

{% block page_title -%}
    BBS论坛注册
{%- endblock %}

{% block form_data -%}
    <div class="form-group">
        <div class="input-group">
            <input type="email" class="form-control" name="email" placeholder="请输入邮箱">
            <span class="input-group-addon" id="captcha-btn" style="cursor: pointer;">获取验证码</span>
        </div>
    </div>
    <div class="form-group">
        <input type="text" class="form-control" name="captcha" placeholder="请输入验证码">
    </div>
    <div class="form-group">
        <input type="text" class="form-control" name="username" placeholder="用户名">
    </div>
    <div class="form-group">
        <input type="password" class="form-control" name="password1" placeholder="密码">
    </div>
    <div class="form-group">
        <input type="password" class="form-control" name="password2" placeholder="确认密码">
    </div>
    <div class="form-group">
        <div class="input-group">
            <input type="text" class="form-control" required name="graph_captcha" placeholder="验证码">
            <span class="input-group-addon captcha-addon">
                        <img class="captcha-img" id="captcha-img" src="{{ url_for('front.graph_captcha') }}" alt="图像验证码"
                             title="点击刷新验证码">
                    </span>
        </div>
    </div>
    <div class="form-group">
        <button id="submit" class="btn btn-warning btn-block">立即注册</button>
    </div>
{%- endblock %}